<% layout('/layouts/default.html', {title: '室温地图', libs: ['dataGrid']}){ %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/js/html5.js"></script>
    <![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/static/css/PC.css">
    <style type="text/css">
        .top_box{
            float: left;
            width: 99%;
        }
        .title{
            float: left;
            width: 50%;
            text-align: left;
            height: 40px;
            line-height: 40px;
            color: #333333;
            font-size: 18px;
            font-weight: normal;
            margin-top: 10px;
        }

        .top_btn{
            float: right;
            width: 26px;
            height: 26px;
            margin-right: 2%;
        }
        .top_btn img{
            width: 26px;
            height: 26px;
        }
        .content{
            float: left;
            width: 99%;
            background: #fff;
            padding: 10px 0;
        }
        .content_head{
            float: left;
            width: 50%;
            margin-left: 2%;
            height: 20px;
            font-size: 16px;
            text-align: left;
            line-height: 20px;
            color: #333333;
            border-left: 4px solid #20c1dc;
            text-indent: 16px;
        }
        .map_box{
            float: left;
            width: 96%;
            margin-left: 2%;
            position: relative;
        }

        .building{
            float: left;
            width: 99%;
            background: #fff;
            padding: 10px 0;
            overflow-x: scroll;
        }
        .build1{
            float: left;

            margin-left: 20px;
            margin-top: 10px;
            background: #f9f9f9;
            border: 1px solid #dddddd;
            padding-bottom: 20px;
        }
        .build1_title{
            float: left;
            text-align: center;
            color: #333333;
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            font-weight: normal;
            border-bottom: 1px solid #dddddd;
            margin-bottom: 10px;
        }
        .build_box{
            float: left;
        }
        .hu_box{
            float: left;
            width: 60px;
            height: 120px;
            margin-left:10px;
            position: relative;
        }
        .hu{
            float: left;
            width: 60px;
            height: 90px;
            background: #d8d8d8;
            border-radius: 4px;
        }

        .hu_title{
            float: left;
            width: 60px;
            height: 30px;
            font-size: 14px;
            color: #333333;
            text-align: center;
            line-height: 30px;
        }
        .hu.red{
            background: #ff5346;
        }
        .hu.yellow{
            background: #facd2f;
        }
        .hu.green{
            background: #36cea5;
        }
        .hu.blue{
            background: #3fc4fc;
        }
        .hu_text{
            float: left;
            width: 60px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: #fff;
            font-size: 14px;
        }
        .hu_detail{
            display: none;
            position: absolute;
            z-index: 1000;
            width: 440px;
            padding: 10px 0;
            left: 60px;
            top: 46px;
            background: #fff;
            border-radius: 6px;
            box-shadow: 4px 4px 8px #a1a1a1;
        }
        .hu_detail_text{
            float: left;
            width: 200px;
            margin-left: 14px;
            line-height: 24px;
            text-align: left;
            color: #333333;
            font-size: 14px;
        }
        .hu_icon{
            position: absolute;
            width: 18px;
            height: 18px;
            left: 48px;
            top: 82px;
        }
        .top_title{
            float: right;
            height: 30px;
            line-height: 30px;
            color: #333333;
            text-align: center;
            margin-left: 10px;
            margin-top: 10px;
            font-size: 16px;
        }
        .top_icon{
            float: right;
            width: 20px;
            height: 20px;
            margin-left: 14px;
            margin-top: 16px;
        }
        .ceng{
            clear: both;
            float: left;
        }

        .con_shuzhi{
            width: 40%;
            float: right;
        }
        .floatr_p{
            float: right;
            font-size: 16px;
            color: #333;
            line-height: 20px;
            margin-right: 2%;
        }

        .sty_grey{background: #d8d8d8;}
        .sty_red{background: #d62822;}
        .sty_yellow{background: #eb650c;}
        .sty_green{background: #35b05c;}
        .sty_blue{background: #34b6df;}
    </style>
</head>
<body>
<div class="top_box">
    <h1 class="title"></h1>
    <span class="top_title">设备故障</span>
    <img src="${ctxStatic}/swjk44.png" class="top_icon" />
    <span class="top_title">设备未通讯</span>
    <img src="${ctxStatic}/swjk43.png" class="top_icon" />
    <span class="top_title">低温预警</span>
    <img src="${ctxStatic}/swjk42.png" class="top_icon" />
    <span class="top_title">高温预警</span>
    <img src="${ctxStatic}/swjk41.png" class="top_icon" />
    <span class="top_title">注：</span>
</div>

<div class="content" style="min-height: 50px;">
    <div class="content_head">
        地址栏：<a href="/map_province/">中国</a>&nbsp;   &#62;  &nbsp;
        <a href="/map_city/%E5%90%89%E6%9E%97%E7%9C%81">吉林省</a>&nbsp;   &#62;  &nbsp;
        <a href="/map_district/%E9%95%BF%E6%98%A5%E5%B8%82">长春市</a>&nbsp;   &#62;  &nbsp;
        <a href="/map_community/1844">百郡星品</a>&nbsp;   &#62;  &nbsp;
        <a href="">1栋</a>
    </div>
    <div class=" con_shuzhi clearfix">
        <p class="floatr_p">注册数&nbsp;1</p>
        <p class="floatr_p">未安装&nbsp;31</p>
        <p class="floatr_p">故障数&nbsp;0</p>
    </div>
</div>

<div class="building">
    <div class="build_box" id="bd_box">
        <div class="build1">
            <h1 class="build1_title">1单元</h1>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-4</span>
                </div>

            </div>


        </div>

        <div class="build1">
            <h1 class="build1_title">2单元</h1>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=4241118c0032343&daterange=2020/07/11" class="hu


                                red 27.2500

                            "
                    >
                        <span class="hu_text">崔亚辉</span>
                        <span class="hu_text">82.00㎡</span>
                        <span class="hu_text">27.3°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：崔亚辉</span>
                        <span class="hu_detail_text">测温ID：4241118c0032343</span>
                        <span class="hu_detail_text">地址：百郡星品1栋2单元4楼4门</span>
                        <span class="hu_detail_text">面积：82.00㎡</span>
                        <span class="hu_detail_text">注册时间：2019-11-08</span>
                        <span class="hu_detail_text">测温型号：物联温度计MPT-004A</span>
                        <span class="hu_detail_text">典型用户：是</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">4-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">3-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">2-4</span>
                </div>

            </div>

            <div class="ceng">

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-1</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-2</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-3</span>
                </div>

                <div class="hu_box">
                    <a href="/temp/histemp/?user=&daterange=2020/07/11" class="hu

                            sty_grey
                            "
                    >
                        <span class="hu_text">未安装</span>
                        <span class="hu_text">-㎡</span>
                        <span class="hu_text">20°C</span>
                    </a>
                    <div class="hu_detail">
                        <span class="hu_detail_text">用户名：未安装</span>
                        <span class="hu_detail_text">测温ID：</span>
                        <span class="hu_detail_text">地址：</span>
                        <span class="hu_detail_text">面积：㎡</span>
                        <span class="hu_detail_text">注册时间：</span>
                        <span class="hu_detail_text">测温型号：</span>
                        <span class="hu_detail_text">典型用户：否</span>
                        <span class="hu_detail_text">阀ID：</span>
                        <span class="hu_detail_text">阀型号：</span>
                        <span class="hu_detail_text">阀锁：否</span>
                        <span class="hu_detail_text">备注：</span>
                    </div>

                    <span class="hu_title">1-4</span>
                </div>

            </div>


        </div>



    </div>
</div>


<!--获取户数的width-->
<script type="text/javascript">

    function ceng(){
        var build1 = document.getElementsByClassName("build1")[0]; //当前第一栋
        var ceng = document.getElementsByClassName("ceng")[0];//当前第一层
        var HuWidth=ceng.getElementsByClassName("hu_box")[0].clientWidth;//每户的宽
        var HuHeight=ceng.getElementsByClassName("hu_box")[0].clientHeight;//每户的高
        var hu_box_num = ceng.getElementsByClassName("hu_box").length;//每层户数
        var build = document.getElementsByClassName("build1");//每栋
        var title_w = document.getElementsByClassName("build1_title");//标题


        if(hu_box_num<4){
            for(var i=0;i<build.length;i++){
                build[0].style.width = 3 * HuWidth + 10 * hu_box_num +10 + "px";
            }

        }else{
            for(var i=0;i<build.length;i++){
                build[i].style.width = hu_box_num * HuWidth + 10 * hu_box_num +10 + "px";
            }
        }
        for(var i=0;i<title_w.length;i++){
            title_w[i].style.width = build1.clientWidth + "px";
        }

    }ceng();

</script>


<script>

    var build1 = document.getElementsByClassName("build1");
    for(var i=0; i<build1.length; i++){
        var wd = build1.length ;
        var ml = 22 * build1.length;
        document.getElementById("bd_box").style.width = wd * build1[i].clientWidth + ml + "px";
    }
</script>
<script src="/static/js/jquery-1.8.3.min.js"></script>
<script>
    $(".hu_box").hover(function (){
        var juli=$(".hu_detail").width()+$(this).offset().left+60;
        var bodyWidth=$(document).width();
        if(juli>=bodyWidth){//弹窗显示
            $(".hu_detail").css({'left':60-$(".hu_detail").width()})
        }else{
            $(".hu_detail").css({'left':60})

        }

        $(this).children(".hu_detail").css("display","block");
        $(this).siblings(".hu_box").children(".hu_detail").css("display","none");
    },function (){
        $(this).children(".hu_detail").css("display","none");
    });
</script>

</body>
</html>

<% } %>
